body{
    background: url(img/bg.jpeg);
    background-size:100% 100%;
    background-repeat: no-repeat;
}
.center{
    width: 80%;
    height: 100%;
    margin: 130px 180px 10px 180px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}
.head{
    display: flex;
    width: 80%;
    height: 30vh;
    justify-content: center;
    align-items: center;
}
.photo{
    width: 15em;
    height: 250px;
    background-image:url(img/photo.webp);
    background-size:cover;
    background-repeat: no-repeat;
    box-shadow: 3px 5px 3px #000;
    margin-top: 30px;
    margin-right: 20px;
    margin-left: -90px;
}
.sim{
    width: 40%;
    margin-top: 50px;
}
#name{
    font-size: 50px;
    margin-bottom: 20px;
    color: transparent;
    -webkit-text-stroke: 1px rgba(135, 148, 90, 0.781);
    letter-spacing: 0.04em;
    font-weight: 600;
}
.com{
    width: 40%;
    margin-top: 40px;
    margin-right: -20px;
}
.com>p::before{
    content: ' ';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(img/ico.png) no-repeat;
    background-size: 20px;
    vertical-align: top;
    padding-right: 10px;
}
.com>hr{
    width: 80%;
    margin-bottom: 10px;
}
.com>p>label{
    color: rgb(104, 95, 16);;
}
.hr{
    height: 20px;
    width: 100%;
    background-color:rgb(77, 2, 2);
    margin: 40px 60px 40px 80px;
}
.foot{
    margin-right: 180px;
}
table{
    border: 1px;
    margin: 30px 70px 30px 100px;
}
.h{
    width: 20%;
    border-left:12px solid rgb(99, 151, 147);
    color: rgb(104, 95, 16);
    padding-bottom: 5px ;
    border-bottom:12px solid rgba(256,256, 256,0);
    border-top:12px solid rgba(256,256, 256,0);
}
.td{
    color: rgb(93, 134, 74);
}
.md{
    color: rgb(177, 161, 17);
}
#t1::after,#t2::after,#t3::after,#t4::after{
    content: ' ';
    display: inline-block;
    width: 100px;
    height: 10px;
}
#t1::after{
    background-image: linear-gradient(to right, rgb(48, 136, 82) 70% , rgb(172, 172, 130) 30%);
}
#t2::after{
    background-image: linear-gradient(to right, rgb(48, 136, 82) 80% , rgb(172, 172, 130) 20%);
}
#t3::after{
    background-image: linear-gradient(to right, rgb(48, 136, 82) 60% , rgb(172, 172, 130) 40%);
}
#t4::after{
    background-image: linear-gradient(to right, rgb(48, 136, 82) 60% , rgb(172, 172, 130) 40%);
}
